<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <!--{include file='comm/header.tpl'}-->
    <title>地图区域划分</title>
    <!--{include file='comm/comm_cal.tpl'}-->
    <!--{include file='comm/comm_colorpicker.tpl'}-->
    <!--{include file='comm/comm_region.tpl'}-->
    <!--{include file="comm/icheck.tpl"}-->
    <style type="text/css">
        #left_map { height:500px; width:75%; border-radius:4px; float: left;}
        #right_list{ height: 500px; width: 25%; overflow:auto; padding-left: 5px; float: left;}
        .table .map_area_line { padding-left: 42px; }
    </style>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
</head>
<body>

<div class="container">

        <div class="comm_content">

            <div class="search-box">
                <div style="position:relative">
                    <form class="form-inline" id="search_form" onsubmit="return false;">
                        <span>
                           城市：<select class="form-control" id="city" name="city" style="width: 120px">
                                <!--{foreach from=$city_array item=res}-->
                                　　 <option  value="<!--{$res['id']}-->"><!--{$res['name']}--></option>
                            　　<!--{/foreach}-->
                            </select>
                        </span>
                        <span>
                            颜色：<input type="text" class="form-control w150" id="color" name="color" value="#FF0000" style="color: #FF0000;" placeholder="点击选择颜色" readonly>
                        </span>

                    </form>
                </div>
            </div>

            <div class="panel panel-info">
                <div class="panel-body">
                    <div id="left_map"></div>
                    <div id="right_list">
                        正在加载...
                    </div>
                </div>
            </div>

        </div>


</div>

<div id="pop"style="display: none">

    <form class="form-horizontal" role="form" id="areaForm">

        <div class="form-group">
            <label for="areaName" class="col-sm-3 control-label"><span class="red">*</span> 区域名称：</label>
            <div class="col-sm-9">
                <input type="text" class="form-control w300" id="areaName" name="areaName" placeholder="请输入区域名称">
                <input type="hidden" id="areaID" name="areaID" value="0"/>
            </div>
        </div>

        <div class="form-group">
            <label for="areaCode" class="col-sm-3 control-label"><span class="red">*</span> 区域编码：</label>
            <div class="col-sm-9">
                <input type="text" class="form-control w150" id="areaCode" name="areaCode" placeholder="请输入区域编码">
            </div>
        </div>

        <div class="form-group">
            <label for="type" class="col-sm-3 control-label"><span class="red">*</span> 类型：</label>
            <div class="col-sm-9">
                <select class="form-control w150" id="type" name="type">
                    <option value="">请选择...</option>
                    <option value="1">配送站</option>
                    <option value="2">运费</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="type" class="col-sm-3 control-label"> 品牌：</label>
            <div class="col-sm-9">
                <!--{foreach from=$brand_array item=b}-->
                <input type="checkbox" id="brand-checkbox-<!--{$b.itemID}-->" name="brand" value="<!--{$b.itemID}-->" >
                <label ><!--{$b.itemName}--></label>
                <!--{/foreach}-->
            </div>
        </div>

    </form>

</div>


<!--{include file="comm/baidu_map.tpl"}-->

<!--加载鼠标绘制工具-->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>

<script language="JavaScript" src="/quanliadmin/docroot/js/system/mapAreaZoning.js?v=20150422" type="text/javascript"></script>

</body>
</html>
